html {
    background-image: url(../images/patt_bg.jpg);
}
body {
    margin: 0;
    padding: 0;
    width: 100%;
    color:#5A554E;
    font-family:Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
    font-size:small;
    text-align:left;
}
.bmain, .bdetail {
    background: transparent url(../images/bd_bg.png) repeat-x scroll 0 0;
    background-position: 0 -176px;
}
.bindex {
    background: transparent url(../images/bd_bg.png) repeat-x scroll 0 0;
}
h1, h2, h3 {
	font-weight: normal;
	color: #32639A;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 2.4em;
}

h3, .post .title {
	font-size: 1.6em;
    text-shadow:2px 2px 4px grey;
}
p, ul, ol {
	line-height: 200%;
}
ul, ol {
	list-style: none;
}

a {
	color: #41924B;
}

a:hover {
	text-decoration: none;
}

h2 a {
	text-decoration: none;
}

/* body & header */
#page, #header, #navigator ul, #advertise-bar, #footer-links {
    width: 92%;
    margin: auto auto;
}
#header {
    background: transparent url(../images/blue.png) no-repeat scroll center bottom;
    width: 100%;
}
.bmain #header, .bdetail #header {
    height: 260px;
}
.bindex #header {
    background-position: center top;
    height: 436px;
}
.bmain #page, .bdetail #page {
    padding:80px 20px 0;
}
.bindex #page {
    padding:40px 20px;
}
#content {
    position: relative;
}
.post {
	margin-bottom: 15px;
}
.bdetail .post {
    padding: 0px 10px 10px 10px;
    background-color:#F5F5F5;
    padding:5px;
    position:relative;
}
.post .top {
    height:100px;
    overflow:hidden;
}
.top-img {
    float: left;
    width: 100px;
}
.titmeta{
    border-left:2px solid #DDDDDD;
    height:100px;
    margin-left:100px;
    padding-left:10px;
}
.post .title {
	height: 38px;
	margin-bottom: 10px;
	padding: 12px 0 0 0px;
	letter-spacing: -.5px;
	font-size: 36px;
	color: #493E2B;
}
.post .title a {
	color: #493E2B;
}
.post .meta {
    background:transparent url(../images/document-tag.png) no-repeat scroll 0 0;
    height:40px;
    line-height:160%;
    padding-left:20px;
}
.bdetail .post .meta {
    background:transparent url(../images/comments.png) no-repeat scroll center center;
    float:right;
    height:48px;
    padding:30px 0 0;
    text-align:center;
    width:48px;
}
.post .meta .date {
	float: right;
    font-size: 110%;
    color: grey;
    margin-right:20px;
}
.bdetail .post .date {
    background: url(../images/page_white_copy.png) no-repeat center left;
}
.post .meta a {
    color:#516C00;
    font-size:120%;
    margin-right: 10px;
    text-decoration: none;
}
.post .meta a:hover {
    color:grey;
}
.post .entry {
	background: url(../images/img08.jpg) no-repeat left top;
	padding: 20px 0px ;
	text-align: justify;
}
.post .links {
	padding-top: 10px;
}
.bdetail .post .links {
    padding-top: 0;
}
.post .links span, .post .links a {
    color:silver;
    padding: 0 24px 0 20px;
    text-decoration:none;
    cursor: pointer;
}
.new {
	background: url(../images/document_add.gif) no-repeat center left;
}
.comments {
	background: url(../images/comment_reply.gif) no-repeat center left;
}
.shcomments {
	background: url(../images/user_comment.png) no-repeat center left;

}
.delete {
    background: url(../images/trash1.png) no-repeat center left;
}
.edit {
    background: url(../images/user_edit.gif) no-repeat center left;
}
.permlink {
    background: url(../images/page_white_link1.png) no-repeat center left;
}
.top .avatar {
    height:100px;
    width:100px;
}
.extra, .comms, .extra-forms{
    margin: 20px 10px;
}
.comms .comms {
    margin: 0;
}
.extra .avatar {
    height:50px;
    margin-left:-60px;
    width:50px;
}
.extra-meta {
    padding-left:60px;
}
.extra-item {

}
.extra-item .extra-item {
    margin-left: 40px;
}
.extra-time {
    float:right;
    font-style:italic;
}
.extra-author {
    margin: -36px 0 20px 0;
}
.extra-content, .comms-content {
    padding: 0 10px 10px 28px;
}

.comms-logo {
    float:left;
    height:60px;
    margin-top:10px;
    width:60px;
}
.comms .avatar {
    border:4px solid #EEEEEE;
    height:50px;
    margin:1px;
    width:50px;
}
.comms-body {
    margin-left: 70px;
}
.comms-item .comms-item {
    padding-left:60px;
}

.extra-forms {
    background-color:#F5F5F5;
    margin-bottom:5px;
    padding:15px 15px;
    position:relative;
}
.waiting {
    background-color:white;
    border:1px solid #CCCCCC;
    left:0;
    opacity:0.8;
    filter:alpha(opacity=80);
    position:absolute;
    top:0;
    z-index:101;
}
.waiting img {
    position: absolute;
}

#ibar {
    background-color: rgba(223, 240, 255, 0.6);
    border-bottom:1px solid #B9C7E1;
    height:20px;
    //opacity:0.6;
    //filter:alpha(opacity=60);
    position:fixed;
    text-align:right;
    width:100%;
    z-index:103;
    cursor: pointer
}
#ibar a {
    margin:0 6px;
}
/* navigator */
#navigator {
    height: 20px;
}
#navigator ul {
    height:20px;
}
#navigator ul li {
    float:right;
    height:13px;
    width:80px;
}
#navigator a {
    background:transparent url(../images/menu.png) no-repeat scroll 0 0;
    display:block;
    height:32px;
    text-indent:-9999px;
    width:80px;
}
#navigator li#home a {
    background-position:10px 0px;
}
#navigator li#home a:hover {
    background-position:10px -60px;
}
#navigator li#home a.current {
    background-position:10px -30px;
}
#navigator li#blog a {
    background-position:-70px 0px;
}
#navigator li#blog a:hover {
    background-position:-70px -60px;
}
#navigator li#blog a.current {
    background-position:-70px -30px;
}
#navigator li#lab a {
    background-position:-146px 0px;
}
#navigator li#lab a:hover {
    background-position:-146px -60px;
}
#navigator li#lab a.current {
    background-position:-146px -30px;
}
#navigator li#photo a {
    background-position:-225px 0px;
}
#navigator li#photo a:hover {
    background-position:-225px -60px;
}
#navigator li#photo a.current {
    background-position:-225px -30px;
}
#navigator li#about a {
    background-position:-310px 0px;
}
#navigator li#about a:hover {
    background-position:-310px -60px;
}
#navigator li#about a.current {
    background-position:-310px -30px;
}

/* sidebar */
#footer-content a, #sidebar a, #slidernote a {
    color: #3B6B9C;
    text-decoration: none;
}
#footer-content a:hover, #sidebar a:hover, #slidernote a:hover {
    color: #516C00;
}
#footer-info a:visited, #sidebar a:visited, #slidernote a:visited {
    color: #A5B5C5;
}
#footer-note a {
    color: silver;
}
#sidebar {
    color: #787878;
    position:relative;
    width: 26%;
}
.sidebar-div {
	padding-bottom: 20px;
}

#sidebar h3 {
	margin-bottom:8px;
	text-align:right;
}
#tagcloud, #comments {
    clear: both;
}
#tagcloud a {
    background:transparent url(../images/tag.png) no-repeat scroll left center;
    margin:0 20px 0 0;
    padding:0 0 0 20px;
}
#comments dl, .extra-body, .comms-body {
    background:#F5F5F5 url(../images/right-quote.gif) no-repeat scroll right bottom;
    margin-bottom:5px;
    padding:5px;
    position:relative;
}
#comments dd, .extra-content, .comms-content {
    background: transparent url(../images/left-quote.gif) no-repeat left top;
}
#comments dd {
    padding:0 0 0 30px;
}
.round-lt, .round-rt, .round-lb, .round-rb {
    background:transparent url(../images/comment-r.png) no-repeat scroll 0 0;
    height:5px;
    position:absolute;
    width:5px;
}
.round-lt {
    background-position: left top;
    left: 0;
    top: 0;
}
.round-rt {
    background-position: right top;
    right: 0;
    top: 0;
}
.round-lb {
    background-position: left bottom;
    left: 0;
    bottom: 0;
}
.round-rb {
    background-position: right bottom;
    right: 0;
    bottom: 0;
}
.form-tip, .form-submit {
    text-align: center;
}
#respond {
    background:#F5F5F5 none repeat scroll 0 0;
    padding:10px;
    position:relative;
}

#collapsible {
    background:#EEE none repeat scroll 0 0;
    border-color:#FFF;
    border-width: 1px;
    border-style: solid none;
    cursor:pointer;
    overflow:hidden;
    height:3px;
    margin-bottom: 5px;
}
#collapsible:hover {
    border-color: #D3D9E5;
}
#comments .avatar {
    height: 30px;
}
#contact img {
    height: 30px;
}
#postbar {
    left:-50px;
    position:absolute;
    top: 10px;
}
#up, #down {
    width: 16px;
    height: 16px;
    cursor: pointer;
}
#up {
    background: transparent url(../images/arrow_up.png) no-repeat scroll 0 0;
}
#down {
    background: transparent url(../images/arrow_down.png) no-repeat scroll 0 0;
}
#postNav {
    padding: 20px 0;
}
#postNav #postNext {
    float: right;
}
/* footer */
#footer-content {
    background: url(../images/footer_bg_s.png) repeat center top;
}
#footer-bar {
    background:transparent url(../images/footer_bg.png) repeat scroll center top;
    height: 58px;
    clear: both;
    position:relative;
}
#footer-info {
    padding:0 20px;
}
#footer-info h3 {
}
#footer-info ul {
    padding: 10px 10px 20px;
}
#footer-info ul li{
    border-bottom: 1px solid #DDD;
}

.CAB, .DAB, .P4, .GAB, .FAB, .HAB, .NAB, .EAB {
    overflow:hidden;
    position:absolute;
}
.CAB {
    background:transparent url() repeat-x scroll 0 0;
    height:23px;
    left:6px;
    right:16px;
    top:0;
}
.DAB {
    background:transparent url() no-repeat scroll 0 0;
    height:23px;
    right:0;
    top:0;
    width:16px;
}
.P4 {
    background:transparent url() repeat-y scroll 0 0;
    bottom:18px;
    right:0;
    top:23px;
    width:12px;
}
.GAB {
    background:transparent url() no-repeat scroll 0 0;
    bottom:0;
    height:18px;
    right:0;
    width:16px;
}
.FAB {
    background:transparent url() repeat-x scroll 0 0;
    bottom:0;
    height:18px;
    left:14px;
    right:16px;
}
.HAB {
    background:transparent url() no-repeat scroll 0 0;
    bottom:0;
    height:18px;
    left:0;
    width:14px;
}
.NAB {
    background:transparent url() repeat-y scroll 0 0;
    bottom:18px;
    left:0;
    top:23px;
    width:2px;
}
.EAB {
    background:transparent url() no-repeat scroll 0 0;
    height:23px;
    left:0;
    top:0;
    width:7px;
}
.KAB {
    background-color:#5590D2;
    background-image:url();
    background-position:0 -5px;
    background-repeat:repeat-x;
    border-left:1px solid #86B7ED;
    bottom:0;
    color:white;
    cursor:default;
    left:2px;
    line-height:1;
    overflow:hidden;
    padding:1px 7px;
    position:absolute;
    right:12px;
    top:5px;
    white-space:nowrap;
}
.IAB {
    background-color:#5590D2;
    background-image:url();
    background-position:0 -5px;
    background-repeat:repeat-x;
    padding:0 5px 0 0;
    position:absolute;
    right:12px;
    top:6px;
}
.IAB div {
    float:left;
    margin:0 0 0 5px;
}
.LR {
    cursor:pointer;
}
.JS {
    background:transparent url() no-repeat scroll 0 0;
    height:15px;
    overflow:hidden;
    width:15px;
}
.KS {
    background:transparent url() no-repeat scroll 0 0;
    height:15px;
    overflow:hidden;
    width:15px;
}
.M4 {
    background:white none repeat scroll 0 0;
    bottom:18px;
    left:2px;
    right:12px;
    top:0;
}
.FBB .CAB {
}
.FBB .DAB {
    height:20px;
}
.FBB .GAB {
    background:transparent url() no-repeat scroll 0 0;
    bottom:-10px;
    height:10px;
}
.FBB .FAB {
    background:transparent url() repeat-x scroll 0 0;
    bottom:-11px;
    height:11px;
}
.FBB .HAB {
    background:transparent url() no-repeat scroll 0 0;
    bottom:-18px;
    width:14px;
}
.FBB .EAB {
    height:20px;
}
.FBB .KAB {
    line-height:1.08;
    padding-top:0;
    top:5px;
}
.FBB .P4 {
    top:20px;
}
.FBB .IAB {
    padding-top:0;
}
.greybg .GAB, .greybg .FAB, .greybg .HAB, .greybd .CAB, .greybd .DAB, .greybd .EAB{
    display:none;
}
.greybg .P4, .greybg .NAB {
    bottom:0;
}
.greybd .P4, .greybd .NAB {
    top:0;
}
.greybg, .greybd {
    position: relative;
}
.greybg {
    height:1.6em;
    padding:10px 14px 0 2px;
}
.greybd {
    padding:0 12px 10px 2px;
}
.OMB {
    background-color:#C9E2FC;
    background-image:none;
    border-left:1px solid #E4F1FE;
    color:#999;
    height:20px;
    padding:4px 5px 4px 6px;
    text-align: right;
}
#footer-note {
    color:silver;
    font-size:90%;
    padding-bottom:50px;
    text-align:center;
}
#footer-links {
    font-size:120%;
    font-weight:bold;
    height:25px;
    text-align:center;
    border-top:2px solid #DDDDDD;
    padding-top:20px;
    margin:40px auto 20px;
}
#footer-links li {
    display:inline;
    padding:1em 2em;
}
#footer-links a {
    color:black;
    text-decoration:none;
}
#footer-links a.current {
    color: #516C00;
}
#footer-links li.home {
    background: transparent url(../images/globe.png) no-repeat scroll right center;
}
#footer-content .avatar {
    height: 20px;
}

.throbber {
    float:left;
}
.OMB a {
    margin-left: 6px;
}
.fore, .back {
    cursor:pointer;
    padding-left: 16px;
}
.fore {
    background: transparent url(../images/next.png) no-repeat scroll right center;
}
.back {
    background: transparent url(../images/previous.png) no-repeat scroll right center;
}


.hide {
    visibility:hidden;
    z-index: -1;
}
.bhide {
    display: none;
}
#key {
    background:transparent url(../images/tiffany_by_Artdesigner.lv.png) no-repeat scroll right bottom;
    height:141px;
    position:absolute;
    right:10px;
    top:-80px;
    width:200px;
}


#sliderwrapper {
    width: 580px;
    position:relative;
}
#slidernote {
    -moz-border-radius:6px;
    background-color:#CCCCCC;
    padding:2px;
}
#sliderinner {
    -moz-border-radius:4px;
    background:#EEEEEE none repeat scroll 0 0;
    border:3px solid #DDDDDD;
    padding:4px;
}
#slidernote ul {
    -moz-border-radius:4px;
    background:white none repeat scroll 0 0;
    border:4px solid #F5F5F5;
    padding:5px;
}
.siteInfo {
    text-align: center;
    margin: 40px 0;
}
/* Easy Slider */
    .graphic, #prevBtn, #nextBtn{
        margin:0;
        padding:0;
        display:block;
        overflow:hidden;
        text-indent:-8000px;
    }
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
    }
	#slider li{ 
		width:580px;
		height:400px;
		overflow:hidden; 
    }	
	#prevBtn, #nextBtn{ 
		display:block;
		width:30px;
		height:80px;
		position:absolute;
		left:0px;
		top:160px;
		z-index:1000;
    }	
	#nextBtn{ 
		left:550px;
    }														
	#prevBtn a, #nextBtn a{  
		display:block;
		position:relative;
		width:30px;
		height:80px;
		background:url(../images/slideshow-arrows.png) no-repeat 0 -80px;	
    }	
	#nextBtn a{ 
		background:url(../images/slideshow-arrows.png) no-repeat -90px -80px;	
    }
    #prevBtn a:hover {
        background:url(../images/slideshow-arrows.png) no-repeat 0 0;
    }
    #nextBtn a:hover {
    	background:url(../images/slideshow-arrows.png) no-repeat -90px -0px;
    }	
/* // Easy Slider */
